<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>xx前端学院-首页</title>
    <link rel="stylesheet" href="./js/jquery.min.js">
    <link rel="stylesheet" href="./bootstrap/js/bootstrap.js">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/pubilc.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2244093_x5bo5xxqacc.css">
</head>

<body>
    <script src="./public/header.js"></script>
    <div class="container">
        <div class="demo">
            <div class="first-page row">
                <div class="welcome col-sm-5 col-xs-10 col-xs-offset-1">
                    <h1>欢迎来到<span class="name">xx前端学院</span></h1>
                    <p>TALK IS CHEAP</p>
                    <p>SHOW ME THE CODE</p>
                    <a href="#" class="startLearn">开始学习</a>
                </div>
                <img src="img/首页-imge.png" class="col-sm-5 col-xs-10 col-xs-offset-1">
            </div>
            <div class="row">
                <div class="endPage row col-xs-6 col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-xs-offset-3 ">
                    <span
                        class="logo col-2 text-center col-lg-offset-5 col-md-offset-5 col-sm-offset-5 col-xs-offset-5">&lt;/&gt;</span>
                </div>
            </div>
            <div class="second-page ">
                <div class="page-title text-center">热门课程</div>
                <div class="popular-courses col-md-3 col-sm-5 col-xs-6">
                    <img src="./img/打电脑.png" class="">
                    <div class="introduce">
                        <h3 class="title text-center">网页设计</h3>
                        <p>网页设计是根据企业希望向浏览者传递的信息.（包括产品、服务、理念、文化厂，进行网站功能策划，然后进行的页面设计美化工作。
                            网页设计是根据企业希望向浏览者传递的信息.(包括产品、服务、理念、文化厂，进行网站功能策划，然后进行的页面设计美化工作.
                        </p>
                    </div>
                </div>
                <div class="popular-courses col-md-3 col-sm-5 col-xs-6">
                    <img src="./img/打电脑.png" class="">
                    <div class="introduce">
                        <h3 class="title text-center">网页设计</h3>
                        <p>网页设计是根据企业希望向浏览者传递的信息.（包括产品、服务、理念、文化厂，进行网站功能策划，然后进行的页面设计美化工作。
                            网页设计是根据企业希望向浏览者传递的信息.(包括产品、服务、理念、文化厂，进行网站功能策划，然后进行的页面设计美化工作.
                        </p>
                    </div>
                </div>
                <div class="popular-courses col-md-3 col-sm-5 col-xs-6">
                    <img src="./img/打电脑.png" class="">
                    <div class="introduce">
                        <h3 class="title text-center">网页设计</h3>
                        <p>网页设计是根据企业希望向浏览者传递的信息.（包括产品、服务、理念、文化厂，进行网站功能策划，然后进行的页面设计美化工作。
                            网页设计是根据企业希望向浏览者传递的信息.(包括产品、服务、理念、文化厂，进行网站功能策划，然后进行的页面设计美化工作.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="endPage row col-xs-6 col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-xs-offset-3 ">
                    <span
                        class="logo col-2 text-center col-lg-offset-5 col-md-offset-5 col-sm-offset-5 col-xs-offset-5">&lt;/&gt;</span>
                </div>
            </div>
            <div class="third-page">
                <div class="page-title text-center">知识库</div>
                <div class="zsk row">
                    <img class="zsk-content col-md-4 col-sm-5 col-sm-offset-1 col-xs-10 col-xs-offset-1 col-md-offset-0"
                        src="./img/知识库例图.jpg" alt="">
                    <img src="./img/知识库图标.png" class="imge col-xs-3">
                    <img class="zsk-content col-md-4 col-sm-5 col-sm-offset-1 col-xs-10 col-xs-offset-1 col-md-offset-0"
                        src="./img/知识库例图.jpg" alt="">
                    <div class="robot-shadow col-xs-2 col-xs-offset-5"></div>
                </div>
            </div>
            <div class="row">
                <div class="endPage row col-xs-6 col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-xs-offset-3 ">
                    <span
                        class="logo col-2 text-center col-lg-offset-5 col-md-offset-5 col-sm-offset-5 col-xs-offset-5">&lt;/&gt;</span>
                </div>
            </div>
            <div class="fourth-page">
                <div class="page-title text-center">关于</div>
                <div class="gy-content row">
                    <div class="gy col-md-8 col-xs-12">
                        <p class="text-center">
                            公司是XXX的互联网公司，致力于通过技术研发、业务实训平台运营三大版块打造电子商务生态系统。基础业务有建站业务、全景业务、营销业务，为客户提供一站式智慧营销解决方案，制定互联网服务标准，开拓互联网商业蓝海。让员工有尊严的面向市场，让客户有尊严的面向世界
                        </p>
                        <p class="text-center">十载风雨、砥砺前行，奥远凭着多年的技术研发与经验积累,愿与社会各界朋友和广大客户携手发展，共创美好未来！</p>
                    </div>
                    <img src="./img/打电脑.png" alt="" class="col-md-4">
                </div>
            </div>
        </div>
    </div>
    <script src="./public/footer.js"></script>
</body>

</html>